<template>
  <div>
    <!--    todo <div :style="{color: getModColor}">-->
    <r-input
      bold
      class="intro__name"
      fontStyle="font-size:30px"
      v-model="dataList.name"
      hint="你的名字"
    />
    <r-input
      v-model="dataList.intro"
      hint="一句话介绍自己，告诉HR为什么选择你而不是别人"
    />
  </div>
</template>

<script>
import RInput from "@/components/base/RInput";
import useData from "../useData";

export default {
  name: "Intro",
  components: { RInput },
  props: {
    id: [String, Number],
  },
  setup(props) {
    const baseData = useData(props.id);
    return {
      ...baseData,
    };
  },
};
</script>

<style scoped lang="less">
.intro__name {
  color: var(--baseColor);
}
</style>
